/*
* @Author: hui
* @Date: 2019-06-06 21:32:17
 * @Last Modified by: hui
 * @Last Modified time: 2019-06-06 21:42:59
*/
<template>
    <div class="picPerHubStyle">
        <Row>
            <i-col span="12">
                <!--图片-->
                <div class="picPerHub" :style="note">
                </div>
            </i-col>
            <i-col span="12" style="margin-top:2vw">
                <!--图片名字-->
                <div style="margin-top:0.6vw;">
                    <img src="../../assets/camera.png">
                    <span>风景</span>
                </div>
                <!-- 图片标签 -->
                <div style="margin-top:0.6vw;">
                    <img src="../../assets/tab1.png">
                    <span>风景 动漫</span>
                </div>
                <!--图片状态-->
                <div style="margin-top:0.6vw;">
                    <img src="../../assets/file.png">
                    <span>对所有人可见</span>
                </div>
            </i-col>
        </Row>
    </div>
</template>

<style scoped>
    .picPerHub {
        background-image: url(../../assets/l-bj.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 10vw;
        height: 10vw;
        border-radius: 10px;
    }

    .picPerHubStyle {
        margin-top: 18px;
        display: inline-block;
        width: 22vw;
    }

    .picPerHubStyle img {
        width: 1vw;
        vertical-align: middle;
    }

    .picPerHubStyle span {
        margin-left: 0.8vw;
        font-size: 0.9vw;
        color: #1e1e1e;
        font-family: DengXian;
    }

    .picStatus {
        background-color: #43a5f1;
        color: #fff;
        width: 60%;
        text-align: center;
        border-radius: 0 10px 0 0;
        float: right;
        font-size: 0.5vw;
        line-height: 1.5;
    }
</style>